.contnet-box {
    width: 100%;
    height: 100%;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    .data-box {
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        position: relative;
        .data-box-left-box {
            width: 450px;
            height: 100%;
            border-right: 1px solid #dde2ee;
            padding: 24px 20px;
            box-sizing: border-box;
            position: relative;
            .top-btn-box {
                width: 100%;
                margin-bottom: 30px;
            }
        }
        .data-box-right-box {
            position: relative;
            height: 100%;
            width: calc(100% - 450px);
            padding: 24px 20px;
            box-sizing: border-box;
            .node-data-box {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }
            .input-box {
                width: 320px;
                height: 36px;
                background: #ffffff;
                border-radius: 4px;
            }
            .title {
                font-weight: 500;
                font-size: 16px;
                color: #1b2431;
            }
            .search-btn1 {
                width: 84px;
                height: 32px;
                background: #3b75ff;
                border-radius: 4px;
                font-weight: 400;
                font-size: 14px;
                color: #ffffff;
            }
            .search-btn2 {
                width: 88px;
                height: 32px;
                background: #f5f8ff;
                border-radius: 4px;
                border: 1px solid #3b75ff;
                font-weight: 400;
                font-size: 14px;
                color: #3b75ff;
            }
            .search-btn3 {
                width: 84px;
                height: 32px;
                background: rgba(235, 17, 52, 0.02);
                border-radius: 4px;
                border: 1px solid rgba(255, 33, 69, 0.24);
                font-weight: 400;
                font-size: 14px;
                color: #eb1134;
            }
            .click-btn {
                color: #3b75ff;
                cursor: default;
                &:hover {
                    opacity: 0.7;
                }
            }
        }
    }
}
:deep(.el-tree-node__content) {
    margin: 5px 0;
}
// 树形列表
.tree-box {
    .tree-top {
        .el-tree-node__content {
            margin: 4px 0;
            position: relative;
            .custom-tree-node {
                font-weight: bolder !important;
                font-size: 16px;
                color: #1b2431;
            }
        }
        .el-tree-node__children {
            .el-tree-node__content {
                .custom-tree-node {
                    font-weight: 500 !important;
                    font-size: 16px;
                    color: #1b2431;
                }
            }
        }
    }
    .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
        background: #f5f7fa;
    }
    .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content > .custom-tree-node {
        color: #3b75ff;
    }
}
.custom-tree-node {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 90%;
    .el-dropdown {
        right: 0;
        position: absolute;
    }
    .custom-tree-icon {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        .custom-tree-icon-item {
            width: 2px;
            height: 2px;
            background-color: #5c5f66;
            display: inline-block;
            margin: 1px 0;
        }
    }
}
